@use './variable' as *;
// 滚动条外观设置
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  background-color: #0000001a;
  border-radius: 5px;
}

.common-container {
  padding: 24px;
  height: 100%;

  > main {
    width: 100%;
    padding: 24px 32px 16px;
    background-color: $white-color-0;
  }
  .common-table-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
    .el-table-wrapper {
      flex: 1;
    }
  }
}

@media (max-width: 1440px) {
  .common-container {
    padding: 16px;
    > main {
      padding: 16px 20px 12px;
    }
  }
}

//  样式覆盖
.room-info-popover {
  width: 280px;
}

.room-info-popover__alarm {
  width: 330px;

  .el-popover-inner {
    padding: 0;
  }
}

// tag
.el-tag {
  padding: 1px 8px;

  &-green {
    color: $success-color;
    background: #17c23d1a;
    border: 1px solid $success-color;
  }

  &-red {
    color: $danger-color;
    background: #f660321a;
    border: 1px solid $danger-color;
  }
}

// 弹窗
.el-modal {
  .el-modal-content {
    .el-modal-title {
      margin-bottom: 24px;
    }
    .el-modal-confirm-body {
      .el-modal-confirm-content {
        margin-top: 20px;
        font-size: 16px;
      }
    }
  }
}
